<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>风尚购物-用户登录</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<script src="jquery-3.3.1.js"></script>
		<script src="js/lib/jquery.idcode.js"></script>
		<script src="js/lib/require.js" data-main="./js/login-main"></script>
		<style type="text/css">
			.body{
				width: 100%;
				height: 350px;
				position: relative;
			}
			.body .w{
				position: absolute;
				width: 1200px;
				height: 350px;
				top: 0;
				left: 50%;
				margin-left: -600px;
			}
			#body_box{
				width: 1000px;
				height:280px;
				margin-left: 99px;
				margin-top: 35px;
				border: 1px solid #666666;
			}
			#min{
				width: 998px;
				height: 36px;
				line-height: 36px;
				background: #eee;
				border-bottom: 1px solid #666666;
				position: relative;
			}
			#min b{
				display: inline-block;
				margin-left: 10px;
				font-weight: bold;
			}
			#txt{
				width: 600px;
				margin-top: 10px;
				border-right:1px dashed #999999;
				float: left;
			}
			#txt span{
				color: red;
				display: inline-block;
			}
			#txt i{
				display: inline-block;
				font-style: normal;
				height: 25px;
				width: 150px;
				text-align: right;
			}
			#txt input{
				margin: 10px 10px;
				height: 23px;
				width: 240px;
			}
			#txt button{
				height: 30px;
				width: 130px;
				border: none;
				margin-top: 10px;
				cursor:pointer;
			}
			#txt #btn1{
				border-radius:5px;
				font-size: 12px;
				width: 100px;
				margin-left: 20px;
			}
			#txt #btn2{
				width: 80px;
				background: red;
				color: #FFFFFF;
				margin-left: 160px;
				font-weight: bold;
				margin-top: 20px;
			}
			#txt #Txtidcode{
				width: 80px;
			}
			#txt #idcode{
				display: inline-block;
				border: 1px solid #CCCCCC;
				background: papayawhip;
				width: 60px;
				height: 25px;
				margin-left: -5px;
				position: relative;
				top: 20px;
			}
			#txt em{
				font-size: 10px;
				color: #666666;
				cursor: pointer;
			}
			#txt input[type=checkbox]{
				height: 12px;
				width: 12px;
				position: relative;
				left: 150px;
			}
			#txt b{
				font-size: 12px;
				position: relative;
				top: -2px;
				left: 140px;
			}
			#body_box #right{
				width: 390px;
				height: 240px;
			}
			#body_box #right h4{
				font-weight: bold;
				margin: 50px 50px 30px;
				font-size:14px;
			}
			#body_box #right p{
				margin-left: 50px;
				margin-right: 50px;
				font-size:14px;
			}
			#body_box #right button{
				margin-left: 50px;
				margin-top: 30px ;
				width: 130px;
				height: 30px;
				background: red;
				border: none;
			}
		</style>
		
	</head>
	<body>
		<div class="header_top">
			<div class="header_top_box">
				<span>欢迎来到风尚购物</span>
				<a href="login.html">
						我的风尚 
						<dl>
							<dt>我的订单</dt>
							<dd>我的收藏</dd>
						</dl>
				</a>|
				<ul>
					<li>4001-677-077</li>  |
					<li>客服中心</li>
				</ul>
			</div>
		</div>
		
		<div class="header_center">
			<div class="w">
				<span><a href="login.html">登录</a><a href="register.html">注册</a></span>
				<a href="index.html"><img src="imgs/1 (1).png" class="img1"/></a>
				<img src="imgs/1 (3).jpeg" class="img2"/>
			</div>
		</div>
		
		<div class="body">
			<div class="w">
				<div id="body_box">
					<div id="min">
						<b>用户登录</b>
					</div>
					<form id="txt">
						<i><span>*</span>手机号 :</i><input name="utel" type="text"/><br />
						<i><span>*</span>密码/短信验证码 :</i><input name="upwd" type="text"/><em>忘记密码？</em><br />
						<i>图片验证码 :</i><input name="ucode" type="text" id="Txtidcode" class="txtVerification"/><div id="idcode"></div><em>看不清,换一张</em><button id="btn1">获取短信验证码</button><br />
                        <input type="checkbox"><b>记住用户名</b><br />
						<button id="btn2">登录</button>
					</form>
					<div id="right">
						<h4>您还不是风尚购物用户？</h4>
						<p>现在免费注册成为风尚购物会员，便能立刻享受便宜又放心的购物体验。</p>
						<button id="btn3">注册新用户</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="footer_add">
			<div class="footer_add_body">
				<div id="left">
					<dl>
						<img src="imgs/2.png" />
						<dt><b><a href="#">手机注册 一步搞定</a></b></dt>
						<dd>输入手机号-输入验证码-获取手机</dd>
						<dd>验证码-设定密码-完成注册</dd>
					</dl>
				</div>
				<div id="center">
					<dl>
						<img src="imgs/3.png" />
						<dt><b><a href="#">型录/电商/新媒体视频招商加盟</a></b></dt>
						<dd>柳小姐：0791-88110022-8126</dd>
					</dl>
				</div>
				<div id="right">
					
					<dl>
						<img src="imgs/4.png" />
						<dt><b><a href="#">在线客服</a></b></dt>
						<dd>24小时客服热线:</dd>
						<dd>4001-677-077</dd>
						
					</dl>
				</div>
			</div>
		</div>
		<div class="helpLink">
			<div class="helpLink_body">
				<div id="left">
					<dl>
						<a href="#"><img src="imgs/1 (1).jpeg" /></a>
						<dt><b><a href="#">关于风尚购物</a></b></dt>
						<dd>江西风尚电视购物股份有限公司于2009年9月28日正式成立，公司致力于现代家庭电视购物，是传媒和零售的完美组合。江西电视台风尚购物频道是经国家广电总局批准的全国性的、同时也是江西第一家真正的专业家庭电视购物频道。</dd>
						
					</dl>
				</div>
				<div id="right">
					<dl>
						<dt>帮助中心</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">使用订单状态说明</a></dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="#">免费配送区域</a></dd>
						<dd><a href="#">配送范围</a></dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="#">货到付款</a></dd>
						<dd><a href="#">银联支付</a></dd>
						<dd><a href="#">支付宝</a></dd>
						<dd><a href="#">微信支付</a></dd>
					</dl>
					<dl>
						<dt>客户服务</dt>
						<dd><a href="#">售后及退换货</a></dd>
						<dd><a href="#">在线客服</a></dd>
					</dl>
					<dl>
						<dt>会员中心</dt>
						<dd><a href="#">资料修改</a></dd>
						<dd><a href="#">找回密码</a></dd>
						<dd><a href="#">会员等级</a></dd>
						<dd><a href="#">会员权益</a></dd>
					</dl>
					<dl>
						<dt>招商专区</dt>
						<dd>关于我们</dd>
						<dd>合作流程</dd>
						<dd>联系我们</dd>
						<dd>供应商系统</dd>
					</dl>
				</div>
			</div>
		</div>
		
		<div class="foot">
			<div class="foot_body">
				<p><a href="http://www.miibeian.gov.cn/" target="_blank">ICP经营许可证：赣ICP备15000001号</a></p>
				<ul>
					<li><img src="imgs/1 (2).jpeg"/></li>
					<li><img src="imgs/1 (6).jpeg"/></li>
					<li><img src=" imgs/1 (7).jpeg"/></li>
					<li><img src="imgs/1 (5).jpeg"/></li>
					<li><img src="imgs/1 (4).jpeg"/></li>
				</ul>
			</div>
		</div>
		<div class="end">
			
		</div>
	</body>
</html>
<script>
	window.onload=function(){
		var obtn3=document.getElementById("btn3");
			obtn3.onclick=function(){
				console.log(1111);
				window.location="register.html";
			};
	}
			
</script>